iT邦幫忙

2026 iThome 鐵人賽

DAY 9
0
ChatGPT & Codex

使用ChatGPT&Codex做出APP系列 第 9 篇

Day 09|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 :挑整顏文字、貼圖收藏頁功能

  • 分享至 

  • xImage
  •  

今天想要著重在顏文字跟貼圖這一頁,在顏文字跟貼圖頁裡面再分成兩部分,做了切換頁面的按鈕。
https://ithelp.ithome.com.tw/upload/images/20261007/20184304wfCCUvKyZF.png
再測試的時候發現再重新整理之後剛剛輸入的就消失了,我想要我輸入的顏文字跟貼圖能留在裡面,還希望只有要新增顏文字的時候再顯示輸入框
https://ithelp.ithome.com.tw/upload/images/20261007/201843046KHWWphyhS.png
輸入顏文字後如果有重複的就顯示重複訊息,然後讓新增的顏文字保留在這個頁面,點擊顏文字可以複製,長按可以刪除。
https://ithelp.ithome.com.tw/upload/images/20261007/20184304fgn51x5onH.jpg
接著要調整收藏貼圖的地方,但我用手機試過很多遍,應該是可以上傳圖片因為數量數字有變,但我都沒有顯示上傳的圖片,把問題跟截圖給 ChatGPT 後他說圖片縮圖被壓成細線,原因是版面沒有算出圖片高度。改成明確設定縮圖高度,並保留完整圖片比例。(而且覺得小驚喜,竟然連我上傳的GIF檔都可以動( ˶ˊᵕˋ)੭♡)
https://ithelp.ithome.com.tw/upload/images/20261007/20184304RayNQNldNp.jpg
然後把顏文字跟貼圖都設定成點擊可以複製,然後提示訊息會短暫出現在畫面中央,長按可以刪除。先把基本的功能做出來,之後應該會想要修改使用的方式,但能成功上傳顏文字跟貼圖我很開心。
https://ithelp.ithome.com.tw/upload/images/20261007/20184304SlpHlRPTeF.png
下一篇應該會弄相簿的區域


上一篇
Day 08|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 :建立每個按鈕的跳轉頁面
下一篇
Day 10|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 :相簿功能
系列文
使用ChatGPT&Codex做出APP 共 30 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言